.content{
    .type-page{
        height: 760px;
        margin: 25px;
        .notice{
            display: inline-table;
            width:678px ;
            height: 30px;
            line-height: 30px;
            margin-bottom:10px ;
            background-color:#f8f8f8 ;
            border: 1px solid #ebebea;
            .notice-words{
                display: inline-table;
                width: 100px;
                padding-left: 5px;
                .fa-comment-o{
                    margin:0 5px ;
                }
                span{
                    padding-right: 15px;
                    border-right: 1px solid #333333;
                }
            }
            .notice-list{
                display: inline-table;
              .notice-ul{
                    width: 500px;
                    height: 30px;
                    overflow: hidden;
                    li{
                        font-size: 12px;
                        .fa-caret-right{
                            position: relative;
                            left: -166px;
                            margin:0 5px ;
                            color: #ffb400;
                        }
                        a{
                            display: block;
                            float: left;
                            padding-left:20px ;
                            width: 150px;
                            height: 30px;
                            color: #000000;
                            &:hover{
                                text-decoration: underline;
                            }
                        }
                        span{
                            float: right;
                            color: #999999;
                        }
                    }
                }
            }
            .more-notice{
                display: inline-table;
                width:50px;
                height: 30px;
                a{
                    padding-left: 15px;
                    font-size: 12px;
                    color: #000;
                    &:hover{
                        text-decoration: underline;
                    }
                    .fa-caret-right{
                        padding-left:5px ;
                        color: #ffb400;
                    }
                }
            }
        }
        .share{
            position: relative;
            display: inline-table;
            top: -1px;
            left: -5px;
            width: 264px;
            height: 31px;
            border: 1px solid #ebebea;
            font-size: 12px;
            span{
                padding-left:5px ;
                line-height:30px ;
                background-color:white ;
            }
            .jiathis_style{
                position: absolute;
                top: 8px;
                left: 65px;
            }
        }
        .about-us{
            margin-top: 10px;
            display: inline-table;
            width:220px ;
            height: 299px;
            .about-top{
                height: 24px;
                width: 220px;
                border-bottom:3px solid #DADADA ;
                .about-title{
                    color: #3b3b3b;
                }
                .bottom{
                    position: relative;
                    bottom: -3px;
                    left:0 ;
                    width: 66px;
                    height: 3px;
                    background-color: #CC231C;  
                }
                a{
                    float: right;
                    padding-left: 15px;
                    font-size: 12px;
                    color: #FFB400;
                    line-height: 24px;
                    &:hover{
                        text-decoration: underline;
                    }
                    .fa-caret-right{
                        padding-left:5px ;
                        color: #ffb400;
                    }
                }
            }
            .about-video{
            }
            .company-show{
                font-size:12px ;
                color: #999999;
                line-height:25px ;
                span{
                    display: block;
                    height:50px ;
                    color: #CC231C;
                    font-size:14px ;
                    font-weight:bold;
                    text-align: center;
                }
            }
        }
        .news-box{
            display: inline-table;
            margin-top:10px ;
            margin-left:33px ;
            width: 693px;
            height: 299px;
            .news-top{
                height: 24px;
                width: 693px;
                border-bottom:3px solid #DADADA ;
                .news-title{
                    color: #3b3b3b;
                } 
                .bottom{
                    position: relative;
                    bottom: -3px;
                    left:0 ;
                    width: 66px;
                    height: 3px;
                    background-color: #CC231C;  
                }
                a{
                    float: right;
                    padding-left: 15px;
                    font-size: 12px;
                    color: #FFB400;
                    line-height: 24px;
                    &:hover{
                        text-decoration: underline;
                    }
                    .fa-caret-right{
                        padding-left:5px ;
                        color: #ffb400;
                    }
                }
            }
            .news-pic{
                margin-top: 15px;
                border:1px solid #DADADA;
                background-color: #f9f9f9;
                .news-pic-title{
                    margin:0 15px ;
                    height: 26px;
                    line-height:26px ;
                    border-bottom: 1px solid #DADADA;
                    .fa-caret-right{
                        margin-right:5px ;
                        color: #ffb400;
                    }
                    a{
                        color: #666;
                        font-size:12px ;
                        font-weight: bold;
                        &:hover{
                            text-decoration: underline;
                        }
                    }
                    span{
                        color: #999999;
                        font-size:12px ;
                        float: right;
                    }
                }
                .news-pic-container{
                    .news-img{
                        display: inline-table;
                        width: 120px;
                        margin: 10px 15px;
                        img{
                            padding: 5px;
                            width: 110px;
                            height: auto;
                            border: 1px solid #DADADA;
                        }
                    }
                    .news-pic-word{
                        display:inline-table;
                        float: right;
                        color: #999;
                        font-size:12px ;
                        width: 538px;
                        height: 73px;
                        margin: 10px 0;
                    }
                }
            }
            .news-items{
                .news-ul{
                    li{
                        margin-top:15px ;
                        padding: 0 15px;
                        height:40px ;
                        line-height:40px ;
                        background-color: #F9F9F9;
                        border: 1px solid #DADADA;
                        .fa-caret-right{
                            margin-right:5px ;
                            color: #ffb400;
                        }
                        a{
                            color: #999;
                            font-size:12px ;
                            &:hover{
                                text-decoration: underline;
                            }
                        }
                        span{
                            color: #999999;
                            font-size:12px ;
                            float: right;
                        }
                    }
                }
            }
        }
        .boutique-project{
            width: 950px;
            border-top: 3px solid #ebebeb;
            float: left;
            margin-top: 35px;
            padding-top: 35px;
            .project-top{
                height: 24px;
                width: 950px;
                border-bottom:3px solid #DADADA ;
                .project-title{
                    color: #3b3b3b;
                }
                .bottom{
                    position: relative;
                    bottom: -3px;
                    left:0 ;
                    width: 66px;
                    height: 3px;
                    background-color: #CC231C;  
                    }
               a{
                    float: right;
                    padding-left: 15px;
                    font-size: 12px;
                    color: #FFB400;
                    line-height: 24px;
                    &:hover{
                        text-decoration: underline;
                    }
                    .fa-caret-right{
                        padding-left:5px ;
                        color: #ffb400;
                    }
                } 
            }
            .project-show{
                    width: 952px;
                    height: 313px;
                    overflow: hidden;
                .project-ul{
                    width: 1904px;
                    height: 313px;
                    li{
                        display: inline-table;
                        float: left;
                        margin:6px ;
                        width:224px ;
                        height: 288px;
                        a{
                            img{
                                width:224px ;
                                height: 224px;
                            }
                        }
                        .project-profile{
                            padding-left: 15px;
                            font-size: 12px;
                            color: #666666;
                            h1{
                                font-size: 12px;
                                span{
                                    font-weight: bold;
                                }
                                a{
                                    font-size: 12px;
                                    font-weight:100 ;
                                    color: #999;
                                    &:hover{
                                        text-decoration: underline;
                                    }
                                }
                            }
                            span{
                                font-weight: bold;
                            }
                        }
                    }
                }
            }
        }
    }
}
.footer{
    width: 100%;
    text-align: left;
    color: #CC231C;
    height: 140px;
    padding-top: 15px;
    border-top: 3px solid #CC231C;
    background: #FFF;
    .content{
        .footer-container{
            width:100% ;
            height: 140px;
            .friendship-link{
                display: inline-table;
                width:620px ;
                margin-left:15px;
                .link-title{
                    height: 30px;
                    width: 100%;
                    line-height: 30px;
                    .link-name{
                        color: #3b3b3b;
                    }
                    .fa-caret-right{
                        margin-right:5px ;
                        margin-left: 5px;
                        color: #ffb400;
                    }
                    a{
                        float: right;
                        color: #ffb400;
                        font-size:12px ;
                        &:hover{
                            text-decoration: underline;
                        }
                    }
                }
                .link-container{
                    .link-img{
                        height: 54px;
                        border-bottom: 1px solid #dadada;
                        li{
                            float: left;
                            margin: 10px 5px;
                            margin-right:0 ;
                            width: 118px;
                            height: 32px;
                            border: 1px solid #dadada;
                            
                            img{
                                width: 118px;
                                height: 32px;  
                            }
                        }
                    }
                    .link-munu{
                        margin-top: 10px;
                        font-size: 12px;
                        color: #727272;
                        a{
                            display: inline-table;
                            font-size: 12px;
                            color: #727272;
                        }
                    }
                }
            }
            .tell-us{
                display: inline-table;
                width:300px;
                margin-left: 60px;
                height: 140px;
                .tell-us-title{
                    height: 30px;
                    width: 100%;
                    line-height: 30px;
                    .link-name{
                        color: #000000;
                    }
                    .fa-caret-right{
                        margin-right:5px ;
                        margin-left: 5px;
                        color: #ffb400;
                    }
                    a{
                        float: right;
                        color: #ffb400;
                        font-size:12px ;
                        &:hover{
                            text-decoration: underline;
                        }
                    }
                }
                p{
                    color: #999999;
                    font-size: 12px;
                    a{
                        color: #999999;
                        &:hover{
                            text-decoration: underline;
                        }
                    }
                }
            }
        }
    }
}
